<template>
  <div class="chatting">
       <mt-cell v-for="item in list" :title="item.name" :value="item.time">
          <img slot="icon" :src="item.head">
      </mt-cell>
  </div>
</template>

<script>
export default {
  data () {
    return {
      list: [{
        head: require('../../assets/newFans.png'),
        name: '新增粉丝',
        time : '16:32',
        
      },{
        head: require('../../assets/like.png'),
        name: '点赞',
        time : '12:11',
        
      },{
        head: require('../../assets/commend.png'),
        name: '评论',
        time : '10:00',
        
      },{
        head: require('../../assets/notifi.png'),
        name: '通知',
        time : '10-19',
        
      }
      ]
    }
  }
}

</script>

<style lang="stylus" scoped>
.mint-cell-title
img{
	border-radius 50%;
	height: 28px;
	width: 28px;
}
.chatting{
	width: 100%;
	background-color: white;
}
</style>
